<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>希梵仕女性假两件拼接纱裙XY17220【价格 正品行货 行情】-银泰网</title>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/info.css">
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/info.js"></script>
    <script>
        $(function(){
            $.post("json/info.json",function(res){
                console.log(res);
                //动态添加小图
                var img=$("<img/>");
                img.attr("src",res[0].src);
                $("#smallimg").prepend(img);

                //动态添加商品名称
                var goodsName=$("<h3>"+res[0].goodsName+"</h3>");
                $(".g-detail").prepend(goodsName);

                //商品价格
                $(".g-detail>p").eq(1).find("strong").text(res[0].goodsPrice);
                $(".g-detail>p").eq(2).find("a").text(res[0].relPrice);

                //颜色
                $(".c-color span").eq(1).text(res[0].color);
                var smallImg=$("<img/>")
                smallImg.attr("src",res[0].smallImg).css({width:23,height:30});
                $(".c-color a").prepend(smallImg);
            })
        })
    </script>
</head>
<body>
<div id="header-wrap">
    <div class="header">
        <div class="header-left">
            <ul>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        银泰首页
                        <b>|</b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        微信
                        <i></i>
                        <b>|</b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        手机银泰
                        <i></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="header-right">
            <ul>
                <li>
                    <i>Hi,欢迎来到银泰网！</i>
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                    <b>|</b>
                </li>
                <li>
                    <a href="#">
                        <span>我的订单</span>
                        <b>|</b>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>我的银泰</span>
                        <i></i>
                        <b>|</b>
                    </a>
                    <ul>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的余额</a></li>
                        <li><a href="#">我的银元</a></li>
                        <li><a href="#">我的银泰卡</a></li>
                        <li><a href="#">我的优惠券</a></li>
                        <li><a href="#">我的积分</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        <span>银泰卡</span>
                        <b>|</b>
                    </a>

                </li>
                <li>
                    <a href="#">
                        <span>帮助中心</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="main-wrap">
    <div class="main">
        <div class="main-top">
            <div class="m-left">
                <h1>
                    <a href="#" title="银泰网">银泰网</a>
                </h1>
                <a href="#">
                    <img src="images/logo-2.gif"/>
                </a>
            </div>
            <div class="m-center">
                <div class="search">
                    <input type="text" placeholder="大家正在搜：专柜同款 卡通T恤FUN">
                    <button title="搜索"></button>
                </div>
                <div class="list">
                    <a href="#">KENZO</a>
                    <a href="#">隔离霜</a>
                    <a href="#">西装裤</a>
                    <a href="#">背心裙</a>
                    <a href="#">户外腰包</a>
                    <a href="#">斜跨包</a>
                    <a href="#">优雅手表</a>
                    <a href="#">电动牙刷</a>
                    <a href="#">凉拖</a>
                    <a href="#">凉席</a>
                </div>
            </div>
            <div class="shop">
                <a href="#">
                        <span>
                            购物车
                            <strong>0</strong>
                            件
                        </span>
                    <b></b>
                </a>
                <div class="shop-list">
                    购物袋中还没有商品，赶快选购吧！
                </div>
            </div>

        </div>
        <div class="main-bottom">
            <div class="b-left">
                <h3><a href="#">全部分类</a></h3>
            </div>
            <div class="b-center">
                <ul>
                    <li>
                        <a href="#">名品馆</a>
                    </li>
                    <li><a href="#">特卖</a></li>
                    <li><a href="#">海淘馆</a></li>
                    <li><a href="#">会员专享</a></li>
                </ul>

            </div>
            <div class="b-right">
                <a href="#">积分商城&nbsp;&nbsp;</a>
                <span>|</span>
                <a href="#">&nbsp;&nbsp;全部品牌</a>
            </div>

        </div>
    </div>
</div>

<div id="info-wrap">
    <div class="info">
        <div class="nav">
            <a href="#">首页</a>>
            <a href="#">女装</a>>
            <a href="#">裙装</a>>
            <a href="#">连衣裙</a>>
            <a href="#">希梵仕女性假两件拼接纱裙XY17220</a>
        </div>
        <div class="goods-info">
            <div id="i-left">
                <div id="smallimg">
                    <!--<img src="images/info.jpg"/>-->
                    <div id="smallarea"></div>
                </div>
                <ul class="clear">
                    <li><a href="javascript:;"><img src="images/smallImg-1.jpg"/></a></li>
                    <li><a href="javascript:;"><img src="images/smallImg-2.jpg"/></a></li>
                    <li><a href="javascript:;"><img src="images/smallImg-3.jpg"/></a></li>
                    <li><a href="javascript:;"><img src="images/smallImg-4.jpg"/></a></li>
                </ul>
                <div class="product">
                    <div class="p-id">
                        <span>商品编号：21-417-9293</span>
                    </div>
                    <div class=" p-icon">
                        <span><i></i><b>收藏</b></span>
                        <i></i>
                        <i></i>
                    </div>
                </div>
                <div id="bigarea">
                    <div id="bigimg">
                         <img src="images/info.jpg"/>
                    </div>
                </div>
            </div>
            <div class="g-detail">
                <!--<h3>希梵仕女性假两件拼接纱裙XY17220</h3>-->
                <p><i></i><span>喵货商品</span></p>
                <p>银泰价：<strong></strong></p>
                <p>参考价：<a></a></p>
                <div class="perfect">
                    <span>满减</span>
                    <a href="#">满299减50</a>
                </div>
                <div class="c-color">
                    <span>选择颜色：</span>
                    <a href="#">
                        <!--<img src="images/smallImg-1.jpg" style="width:23px;height:30px;"/>-->
                        <span></span>
                        <b></b>
                    </a>
                </div>
                <div class="c-size">
                    <span>选择尺码：</span>
                    <a href="javascript:;" class="current"><b class="checked"></b>S</a>
                    <a href="javascript:;"><b></b>M</a>
                    <a href="javascript:;"><b></b>L</a>
                    <a href="javascript:;"><b></b>XL</a>
                </div>
                <div class="buy">
                    <div class="buy-num">
                        <input type="text" id="txt" value="1"/>
                        <div class="add">
                            <a id="num-add"></a>
                            <a id="num-reduce"></a>
                        </div>
                        <div class="addCart">
                            <button id="buy-btn"></button>
                            <button id="addCart-btn"></button>
                        </div>

                    </div>
                </div>

                <div class="service">
                    <span>服务承诺：</span>
                    <span>正品保障</span>
                    <span>支持无理由退货</span>
                </div>
            </div>
            <div class="brand">
                <a href="#"><img src="images/brand.jpg"/></a>
               <p> <a href="#">银泰百货富阳店-X.Yfuns</a></p>
            </div>
        </div>
    </div>
    <div class="product-details">
        <div class="details-left">
            <div class="details-nav">
                <ul>
                    <li><a href="#">商品介绍</a></li>
                    <li><a href="#">商品评价</a></li>
                    <li><a href="#">商品咨询</a></li>
                    <li><a href="#">购买须知</a></li>
                </ul>
                <div class="mobile-buy">
                    <a href="#"></a>
                    <button></button>
                </div>
            </div>
            <div class="details">
                <div class="p-param">
                    <h2>商品参数
                            <span>Product Parameters</span>
                         </h2>
                    <div class="param">
                        <p>
                            <span>上市时间：2017-Q4</span>
                            <span>裙长范围：中长款</span>
                            <span>尺码：L</span>
                            <span>色系：蓝色</span>
                        </p>
                        <p>
                            <span>面料：聚酯纤维94.7% ...</span>
                            <span>领型：圆领</span>
                            <span>版型：裙摆型</span>
                            <span>袖长范围：无袖</span>
                        </p>
                        <p>
                            <span>风格：公主风</span>
                            <span>流行元素：褶皱</span>
                            <span>适合年龄：18-24周岁 </span>
                            <span>是否中老年女装：否</span>
                        </p>
                        <p>
                            <span>是否大码女装：否</span>
                            <span>腰型：中腰</span>
                        </p>
                    </div>
                </div>
                <div class="p-details">
                    <h2>商品详情
                        <span>Product Details</span>
                    </h2>
                    <div class="pics">
                        <img src="images/pic-1.jpg">
                        <img src="images/pic-2.jpg">
                        <img src="images/pic-3.jpg">
                        <img src="images/pic-4.jpg">
                        <img src="images/pic-5.jpg">
                        <img src="images/pic-6.jpg">
                        <img src="images/pic-7.jpg">
                        <img src="images/pic-8.jpg">
                        <img src="images/pic-9.jpg">
                        <img src="images/pic-10.jpg">
                        <img src="images/pic-11.jpg">
                        <img src="images/pic-12.jpg">
                        <img src="images/pic-13.jpg">
                    </div>
                </div>
                <div class="price">
                    <h2>价格说明
                        <span>Price Description</span>
                    </h2>
                    <p>银泰价：银泰价为商品的销售价，该价格是交易成交价，是您最终决定是否购买商品的依据。</p>
                    <p>划线价：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在银泰网平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。</p>
                    <p>折扣：银泰网上展示的折扣为银泰价与参考价的对比（该值四舍五入后采小数点后1位，如¥799/¥2899=0.2756=2.8折），该对比值仅供您参考，不作为结算基数。</p>
                    <p>促销：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系银泰网客服进行咨询。</p>
                </div>
                <div class="story">
                    <h2>品牌故事
                        <span>Brand Story</span>
                    </h2>
                    <div class="brand-info">
                        <div class="brand-left">
                            <img src="images/b-logo.jpg">
                            <p style="font-size:20px;">X.Yfuns</p>
                            <p>X.YFUNS强调个性时尚有时装感的同时，更追求品质感，通过简单大方的色彩拼接运用，呈现出立体、生动的女性自然体态美。力求烘托女性的优雅甜美的独特气质。</p>
                            <p><a href="#">进入品牌店>></a></p>
                        </div>
                        <div class="brand-right">
                            <img src="images/pic-14.jpg"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="details-right">
            <h5><span>人气推荐</span><a href="#">换一批</a></h5>
            <ul>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-2.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-3.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-4.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-5.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-6.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-7.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-8.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-9.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-10.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r-1.jpg"/>
                    </a>
                    <p style="text-align:left;padding-left:20px;">希梵仕女性卡通士兵连衣裙XY17218</p>
                    <p>
                        <strong>￥129</strong>
                        <span>￥319</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="footer-wrap">
    <div class="footer">
        <div class="footer-list">
            <ul>
                <li>
                    <strong><i></i>400-119-1111</strong>
                    <b>8:00-24:00</b>
                    <span><i></i>service@yintai.com</span>
                </li>
                <li>
                    <strong><i>15天</i>无忧退换货</strong>
                    <span>为您提供优质售后服务</span>
                </li>
                <li>
                    <strong><i>100%</i>正品保证</strong>
                    <span>品质护航 购物无忧</span>
                </li>
                <li>
                    <strong><i>满199元</i>免运费</strong>
                    <span>为您提供便利物流</span>
                </li>
            </ul>
        </div>
        <div class="footer-info">
            <div class="links">
                <a href="javascript:;">关于银泰</a>|
                <a href="javascript:;">帮助中心</a>|
                <a href="javascript:;">关于银泰</a>|
                <a href="javascript:;">退换货政策</a>|
                <a href="javascript:;">网站地图</a>|
                <a href="javascript:;">代理合作</a>|
                <a href="javascript:;">品牌招商</a>|
                <a href="javascript:;">商务合作</a>|
                <a href="javascript:;">网站联盟</a>|
                <a href="javascript:;">联系我们</a>|
                <a href="javascript:;">加入银泰</a>|
                <a href="javascript:;">版权声明</a>|
                <a href="javascript:;">法律声明</a>
            </div>
            <div class="copyright">
                <a href="javascript:;">浙ICP备10200233号</a>
                <a href="javascript:;">京公网安备110105019085</a>
                <a href="javascript:;">增值电信业务经营许可证：浙B2-20110005</a>
                <p>Yintai © 2016, 银泰电子商务有限公司.</p>
            </div>
            <div class="end">
                <a href="javascript:;"><img src="images/end-1.png" /></a>
                <a href="javascript:;"><img src="images/end-2.gif" /></a>
            </div>
        </div>
    </div>
</div>



<!--加入购物车-->
<div id="cover">
<div id="addCarts">
    <div class="carts-top">
        <h3>
            <a href="javascript:;" class="close"></a>
        </h3>
    </div>
    <div class="cart-bag">
        <p>商品已成功添加到购物袋</p>
        <p>
            <a href="cart.html"></a>
            <a href="javascript:;" class="close"></a>
        </p>
    </div>
</div>
</div>
</body>
</html>